@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/msgSend.css?v=20200628" rel="stylesheet">
<div style="display: none">
    <input type="hidden" id="reservationsId" value="${reservationsId}">
    <input type="hidden" id="customerName" value="${reservationsInfo.customerName}">
    <input type="hidden" id="startArrivalTime" value="">
    <input type="hidden" id="endArrivalTime" value="">
    <input type="hidden" id="outpatientName" value="${outpatientName}">
    <input type="hidden" id="address" value="${deptInfo.address}">
    <input type="hidden" id="transportationValue" value="${deptInfo.transportation}">
    <input type="hidden" id="phone" value="${deptInfo.phone}">
    <div id="fieldTc"></div>
    <input type="hidden" id="customerStatus" value="">
    <input type="hidden" id="treatmentUnit" value="">
    <input type="hidden" id="templateCodeValue" value="">
    <input type="hidden" id="smsParameterId" value="">
    <input type="hidden" id="startTimeValue1" value="${startTime}">
    <input type="hidden" id="doctorValue1" value="${doctor}">
</div>
<div style="height: 100%">
    <div style="background: #6090b8;color: white;padding: 5px 10px;">短信发送</div>
    <div class="msgSendBox">
        <div>
            <div class="msgSendTemplate">
                <div class="div_header">消息模版</div>
                <div class="template_content">
                    <ul style="padding: 15px 0 0 20px;">
                        @for(item in mapList){
                        <li>
                            <span class="glyphicon glyphicon-triangle-right"></span>
                            <span style="display: none" class="glyphicon glyphicon-triangle-bottom"></span>
                            <span><span style="color: #eec900" class="glyphicon glyphicon-book"></span>${item.key}</span>
                            <ul class="ulShow">
                                @for(str in item.value){
                                <li><span style="padding: 5px"><span  class="glyphicon glyphicon-bookmark"></span>${str.twoClass}</span></li>
                                @}
                            </ul>
                        </li>
                        @}
                    </ul>
                </div>
            </div>
        </div>
        <div>
            <div style="border-radius: 5px;border: 1px solid #dddddd;margin-bottom: 15px;height: 85px">
                <div class="div_header">患者信息</div>
                <div style="padding: 5px 10px;">
                    <div style="display: flex">
                        <span style="flex: 1">姓名：${reservationsInfo.customerName}</span>
                        <span style="flex: 1">性别：${reservationsInfo.sex}</span>
                        <span style="flex: 1">年龄：${reservationsInfo.customerAge}</span>
                        <span style="flex: 1;">门诊：${reservationsInfo.arrivalStore}</span>
                    </div>
                    <div style="display: flex"></div>
                </div>
            </div>
            <div style="border-radius: 5px;border: 1px solid #dddddd">
                <div class="div_header">消息</div>
                <div style="padding: 7px 0 15px;">
                    <div style="display: flex;margin-bottom: 5px;">
                        <div style="flex: 1;text-align: center">消息渠道</div>
                        <div style="flex: 4">
                            <input type="radio" name="message" checked="checked"/><span>短信</span>
                        </div>
                    </div>
                    <div style="display: flex;margin-bottom: 10px;">
                        <div style="flex: 1;text-align: center">手机号码</div>
                        <div style="flex: 4">
                            <input type="text" id="customerPhone" disabled="disabled" value="${reservationsInfo.customerPhone}">
                            <input type="checkbox" id="sqi" onclick="checkboxOnclick(this)"/><label for="sqi">使用其他手机号</label>
                        </div>
                    </div>
                    <div style="display: flex">
                        <div style="flex: 1;text-align: center">消息内容</div>
                        <div style="flex: 4">
                            <textarea name="message_content" id="message_content" style="width: 97%;height: 110px;padding: 5px 0 0 10px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="btnBox">
        <button class="btn" type="button" onclick="ReservationsRecordTable.msgSend()">发送</button>
        <button class="btn" type="button" onclick="ReservationsRecordTable.close()">取消</button>
    </div>
</div>
<script src="${ctxPath}/static/modular/marketing/reservations/reservations_record.js?v=20200628"></script>
<script src="${ctxPath}/static/modular/arrival/customer/to_msgSend.js?v=20200628"></script>
@}